<template>
  <header>
    <img src="@/static/img/logo.png" alt="logo" title="logo" />
    <ul>
      <li>首页</li>
      <li>关于我们</li>
      <li>关于我们</li>
      <li>产品介绍</li>
      <li>发展历程</li>
      <li>合作加盟</li>
      <li>
        <span>登录</span>
        <span>注册</span>
      </li>
    </ul>
  </header>
</template>

<script>
export default {};
</script>

<style lang='scss' scoped>
header {
  height: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  img {
    height: 80px;
  }
  ul {
    display: flex;
    height: 64px;
    li{
        margin: 0 10px;
        span{
            margin: 0 5px;
            font-size: 12px;
        }
    }
  }
}
</style>